import { defineStore, acceptHMRUpdate } from 'pinia'

import {
    createCategorizedMessage,
} from '@/utils'

import {
    T_Xme_FloatablePanel_Look,
} from '@xinmier/ui--layout-parts'



const createMessageText = createCategorizedMessage('Pinia · 页 · 系统总览 · 相机画面阵列')



/** 所谓 Vsp 系指 Vue Store over Pinia 。 */

/** */
export interface T_Vsp_Page_SystemOverview_CamerasInspection_State {
    asidePanelLook_PanelOfCameraTree: undefined | T_Xme_FloatablePanel_Look;
}



const useThisStore = defineStore(createMessageText(''), {
    state (): T_Vsp_Page_SystemOverview_CamerasInspection_State {
        return {
            asidePanelLook_PanelOfCameraTree: 'expanded-and-pinned',
        }
    },

    actions: {
        asidePanelOfCameraTree_UpdateLook (newLook: T_Xme_FloatablePanel_Look): void {
            this.asidePanelLook_PanelOfCameraTree = newLook
        },
    },
})



export const useStore_Page_SystemOverview_CamerasInspection = useThisStore

